<template>
  <div
    class="error_page flex items-center justify-center h-[90vh] overflow-hidden flex-col"
  >
    <img src="/image/404.png" alt="" />
    <div class="text-30 text-xl md:w-5 mt-8">没有找到该页面</div>
    <!-- <AddNum v-model="hi.a"></AddNum>
    {{ hi.a }} -->
    <NuxtLink to="/">
      <button
        type="button"
        class="bg-theme text-white text-xl py-2 px-4 rounded-lg mt-8 hover:opacity-55"
      >
        返回首页
      </button>
    </NuxtLink>
    <pre style="white-space: normal" class="w-2/3">
      {{ error }}
    </pre>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
// await navigateTo("/1-c");
const props = defineProps({
  error: Object,
});

// clearError({ redirect: "/" });
// onMounted(() => {
//   if (process.client) {

//   }
// });
</script>
<style lang="scss" scoped>
.error_page {
  // color: #60d659;
}
</style>
